<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 加载提醒 -->
<!--
<div ng-show="loading" class="text-center m-t-md text-lg"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
-->

<!-- 内容区域 -->
<div ng-hide="loading" class="wrapper-md content">
    <!-- 数据显示 -->
    <div class="wrapper-data">
        <div class="panel panel-default">
            <!-- 头部 -->
            <div class="panel-body">
                <form ng-submit="" class="form-horizontal">
                    <div class="form-group center">

                        <div class="col-md-1">
                            <select class="form-control " ng-model="param.cotype" id="type">
                                <option value="">--类型--</option>
                                <option value="1">兴趣人群标签</option>
                                <option value="2">IP库</option>
                            </select>
                        </div>

                        <div class="col-md-1">
                            <a href="javascript:;" class="upload form-control">选择文件
                                <input class="change" type="file" multiple="multiple" id="file" onchange="angular.element(this).scope().showInfo(this)"  />
                            </a>
                        </div>

                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button type="button" class="ifc-btn btn-primary"   ng-disabled="isDisabled"  ng-click="uploadFile()">批量导入</button></label>
                        </div>
                        <div class="col-md-1">
                            <label class="col-sm-1 control-label"><button class="ifc-btn btn-primary" type="button" ng-click="fileDown()">导出模板</button></label>
                        </div>
                    </div>
                </form>
                <div  >
                    <label id="fileName"></label>

                    <label id="msg"  class="msg"></label>
                </div>
                <div>

                </div>

            </div>
            <!-- 数据表格 -->
            <div class="table-responsive">
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                    <tr>
                        <th>功能类型</th>
                        <th>导入成功条数</th>
                        <th>导入失败条数</th>
                        <th>导入时间</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr >
                        <td class="v-middle">
                            <span ng-if="param.type=='1'">兴趣人群标签</span>
                            <span ng-if="param.type=='2'">IP库</span>
                        </td>
                        <td class="v-middle">{{param.successNum}}</td>
                        <td class="v-middle">{{param.failNum}}</td>
                        <td class="v-middle">{{param.updateDate | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    </tr>
                    </tbody>
                </table>
            </div><!-- /.table-responsive -->

            <!-- 底部分页 -->
           <!-- <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>-->
        </div><!-- /.panel -->
    </div><!-- /.wrapper-data -->

</div><!-- /.wrapper-md -->
</div>
<style>
    .upload{
        position: relative;
        text-decoration: none;
        color: #666;
    }
    .change{
        position: absolute;
        overflow: hidden;
        top: 0;
        width: 84px;
        height:38px;
        opacity: 0;
        margin:0px 0px 0px 0px;
        left:0px;
    }
    .msg{
        color:red;
        margin-left:20px;
    }
</style>
